<template>
    <el-card class="box-card el-card-flex">
        <!-- <div slot="header" class="clearfix">
            <span>
                <i class="el-icon-reading"></i>
                会议室管理
            </span>
            
        </div> -->
        <!-- <div class="el-full el-box-column"> -->
            <div class="el-full el-box-column">
                <el-tabs class="el-tabs-bg el-flex el-tabs-flex" v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane  class="el-flex el-box-column" label="会议室类型" name="first" lazy>
                        <conference-type></conference-type>
                    </el-tab-pane>
                    <el-tab-pane  class="el-flex el-box-column" label="全部会议室" name="second" lazy>
                        <conference-all></conference-all>
                    </el-tab-pane>
                    
                </el-tabs>
            </div>
        <!-- </div> -->
        
    </el-card>
    
</template>
<script>
import {
    Dialog,
    Table,
    TableColumn,
    Pagination,
    MessageBox,
    Message,
    Drawer,
    Tabs,
    TabPane,
    Upload
  } from 'element-ui'
  import conferenceType from './conferenceType'
  import conferenceAll from './conferenceAll'

export default {
    name: 'cinferenceType',
    components: {
      'el-dialog': Dialog, // 对话框
      'el-table': Table, // 表格
      'el-table-column': TableColumn, // 表格列
      'el-pagination': Pagination, // 分页
      'el-drawer': Drawer, // 抽屉
      'el-tabs': Tabs, // 标签页
      'el-tab-pane': TabPane, // 标签页列
      "el-upload": Upload, //上传
      conferenceType, //会议室类型
      conferenceAll, // 全部会议室

    },
    data(){
        return{ 
            activeName:'first'
        }
    },
    created(){

    },
    methods:{
        handleClick(tab, event){
            // console.log(tab, event)
        },
        
    }
}
</script>
<style lang="scss" scoped>
    .el-tab-pane{
        height:100%
    }
    
    .el-tabs--border-card>.el-tabs__content{
        padding: 0;
    }
    .el-tabs-bg{
        border-top: none!important;
        border-left: none!important;
        border-right: none!important;
    }
</style>